<html>
    <head>
        <title>Sistema SPL - Software Practices Laboratory</title>
        <meta name="layout" content="main" />
        <style type="text/css" media="screen">

        #nav {
            margin-top:20px;
            margin-left:30px;
            width:228px;
            float:left;

        }
        .homePagePanel * {
            margin:0px;
            align:center;
        }
        .homePagePanel .panelBody ul {
            list-style-type:none;
            margin-bottom:10px;
        }
        .homePagePanel .panelBody h1 {
            text-transform:uppercase;
            font-size:1.1em;
            margin-bottom:10px;
        }
        .homePagePanel .panelBody {
            background: url(images/leftnav_midstretch.png) repeat-y top;
            margin:0px;
            padding:15px;
        }
        .homePagePanel .panelBtm {
            background: url(images/leftnav_btm.png) no-repeat top;
            height:20px;
            margin:0px;
            font-size:20px;
        }

        .homePagePanel .panelTop {
            background: url(images/leftnav_top.png) no-repeat top;
            height:11px;
            margin:0px;
        }
        #l {
        	font-size:20px;
        }
        h2 {
            margin-top:15px;
            margin-bottom:15px;
            font-size:20px;
        }
        #pageBody {
            margin-left:280px;
            margin-right:20px;
        }
        a:link {text-decoration: none}
		a:visited {text-decoration: none}
		a:hover {border:outset;}
        </style>
    </head>
    <body>
        <div align="center">
            <div align="center">
                <div class="panelTop"></div>
                <table>
                <tr>
                <td>
                <div align="center">
                	<g:link controller="${'usuarioComum'}"><img height="250" width="250 alt="" src="${resource(dir:'images', file:'contas.jpg')}"><br></br><font size="4">${'Conta'}</font></g:link>
                </div>
                </td>
                <td>
                <div align="center">
                	<g:link controller="${'livro'}"><img height="250" width="250" alt="" src="${resource(dir:'images', file:'biblioteca.jpg')}"><br></br><font size="4">${'Biblioteca'}</font></g:link>
                </div>
                 </td>
                 </tr>
                </table>
             <table>
            <tr>
             <td>
              <div align="center">
             		<a href="${createLink(uri: '/ajuda/ajudaUsuarioComum.gsp')}"><img height="100" width="100" alt="" src="${resource(dir:'images', file:'help.jpg')}"><br></br><font size="4"><g:message code="Ajuda"/></font></a>                	
             </div>
             </td>
              <td>
             <div align="center">
                   <a class="logout" href="${createLink(uri: '/logout')}" onclick="return confirm('Tem certeza que deseja sair?');"><img height="100" width="100" alt="" src="${resource(dir:'images', file:'home.png')}"><br></br><font size="4"><g:message code="Logout"/></font></a>
             </div>
             </td>
             
             </tr>
             </table>
        </div>    
        </div>
        </body>
</html>
